<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>
<head>
<style type="text/css">
.tabselector {
	width: auto;
	border-bottom: 1px solid #c0c0c0;
	padding: 10px 0 0 20px;
}

.tab-unselected {
	display: inline;
	padding: 3px 7px 1px 7px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	border-bottom: 0;
	background-image: url(./images/tab_left_inactive.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
}

.tab-selected {
	display: inline;
	padding: 3px 7px 1px 7px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	border-bottom: 0;
	background-image: url(./images/tab_left_active.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
}

.tab-unselected a {
	color: #a0a0a0;
	text-decoration: none;
}

.tab-selected a {
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
</style>

<style>
.out {
	position: relative;
	background: #bbb;
	margin: 5px auto;	
	width:300px;
	height:200px;		
}

.in {
	background: #fff;
	border: 1px solid #555;
	padding: 5px 2.5px;
	position: relative;
	top: -5px;
	left: -5px;
}
</style>
</head>
<div>
<ul class="tabselector" id="tabcontrol">
	<li class="tab-selected" id="flow_tab"><a
		onclick="tabselect($('flow_tab'));
  changeInnerHtml('ne.port.performance.velocity.do?action=flow','topn'); return false;"
		href="#">20秒告警快照</a></li>
	<li class="tab-unselected" id="flowrate_tab"><a
		onclick="tabselect($('flowrate_tab'));
  changeInnerHtml('ne.port.performance.velocity.do?action=flowrate','topn'); return false;"
		href="#">20秒告警截图</a></li>
</ul>
<div id="content" style="text-align: center; width: 85%"><c:set
	var="result"
	value="aaa;bbb;ccc;ddd;eee;aaa;bbb;ccc;ddd" />
<c:forTokens var='vo2' items="${result}" varStatus="status" delims=";">
	<div style="float: left;width:33%">
		<div class="out">
		<div align="center" class="in" style="background-color: #EEEEE0">
		<a class="mycolorbox"
			href="<%=request.getContextPath() %>/images/test/picture1.jpg"
			title="picture1">			
			<img
			src="<%=request.getContextPath() %>/images/test/16-00-02.984_3.6_.jpg"
			alt="The Moon" width="250px;"  height="180px;"/></a></div>
		</div>		
	</div>
</c:forTokens></div>